<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS-侧滑显示留言面板网页组件</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <h1>Click on the button 👉</h1>
    <input type="checkbox" id="mycheckbox">
    <label for="mycheckbox" class="feedback-label">FEEDBACK</label>
    <form action="" class="form">
        <div>
            <label for="fullname">Full Name</label>
            <input id="fullname" type="text">
        </div>
        <div>
            <label for="email">Email</label>
            <input id="email" type="email">
        </div>
        <div>
            <lable for="comment">Comment</lable>
            <textarea id="comment"></textarea>
        </div>
        <div>
            <button type="submit">Send</button>
        </div>
    </form>
    <footer class="page-footer">
        <small>made with <span>❤</span><a href="https://www.qianduandaren.com" target="_blank">
                前端达人</a></small>
    </footer>


</body>

</html>